<template>
  setup 函数 配置项
  组件所用的数据，方法 ，监听器，计算属性，生命周期函数都写到setup中
  姓名：{{ name }}
  年龄：{{ age }}
  <button @click="sayhello">打招呼</button>
</template>

<script>

export default {
  name: 'App',
  components: {
  },
  // async  setup不能使用 async 修饰 async一修饰 返回的是promise 不是普通对象
  setup(props) {
    // 之前配置项 是在对象中写 要key value
    // vue3 可以写 vue 配置项 但不建议
    // 函数里写的就正常写代码

    // 不是响应式的 要修饰的
    // 数据 直接定义变量
     let name='zs'
     let age=18

    // 方法 直接写函数即可
     function sayhello() {
        alert(`你好，我是${name},今年${age}岁了`)
     }

    // 必须return出去数据  对象   模板才能使用
    return {name,age,sayhello}

  }
}
</script>

<style>

</style>
